@import "@/theme.less";
.open-success{
  position: absolute;
  top:50%;
  left: 10px;
  z-index: 10;
  transform-origin: top center;
  transform: translateY(-50%);
  width: 355px;
  box-sizing: border-box;
  #open-success{
    width: 355px;
    transition: .3s;
    background: @page-bg;
    &.open{
      transform: scale(1);
    }
    &.close{
      transform: scale(0);
    }
    #owner{
      font-size: @font-min;
      color: #fff;
      text-align: center;
      background: @assist-color1;
      height: 40px;
      line-height: 40px;
      img.header{
        width: 30px;
        height: 30px;
        border-radius: 15px;
        vertical-align: middle;
        margin-right: 5px;
      }
    }
    #red-money{
      text-align: center;
      color:@main-color3;
      font-size: @font-min;
      background: @assist-color1;
      padding-bottom: 15px;
      box-sizing: border-box;
      .money{
        height: 20px;
        line-height: 20px;
        text-align: center;
        margin-top: -2px;
        span{
          font-size: @font-huge;
          margin-right: 5px;
        }
      }
      .help{
        margin-top: 5px;
      }
    }
    #coupon{
      padding:0 5px 5px 5px;
      box-sizing: border-box;
      h2{
        height: 20px;
        line-height: 20px;
        font-size: @font-min;
        text-align: center;
        color:@font-color1;
      }
      .coupon{
        width: 345px;
        height: 143px;
      }
    }
    #close{
      position: absolute;
      right: 10px;
      top:5px;
      width: 30px;
      height: 30px;
      line-height: 30px;
      text-align: center;
      color: #fff;
    }
  }
}
